<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <f:view>
   <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
     <link rel="stylesheet" type="text/css" href="/viajes-alpes-web/style/class.css" />
     <script src="http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js?bundle=true" type="text/javascript"></script>
     <script src="timeline_config.js" type="text/javascript"></script>
   </head>
   <body onload="onLoad();" onresize="onResize();">
     <div id="title" align="center">
     	<b class="header1">Proximos Eventos</b><br/>
     	<b class="header2Azul">Ciudad: </b> <h:outputText id="outputCiudad" value="#{consultarItinerario.nombreCiudad}"/> <br/>
     </div>
     <div id="my-timeline" style="height: 150px; border: 2px solid #000"></div>
		<noscript>
		This page uses Javascript to show you a Timeline. Please enable Javascript in your browser to see the full page. Thank you.
		</noscript>
   </body>
   </f:view>
 </html>